<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<link rel="stylesheet" href="static/vue/vue-modal.css">
<script type="text/x-template" id="modal-template">
	<transition name="vue-modal">
		<div class="vue-modal-mask">
			<div class="vue-modal-wrapper" @click.self="close">
				<div class="vue-modal-container">
					<form role="form" class="form-horizontal">
						<slot name="body"/>
						<fieldset>
							<div class="option">
								<slot name="option"/>
							</div>
						</fieldset>
					</form>
				</div>
			</div>
		</div>
	</transition>
</script>
<script>
Vue.component('modal', {
	template: '#modal-template',
	props: {
		show : Boolean
	},
	methods: {
		close: function() {
			this.$emit('close');
		}
	}
});
</script>